<!-- 错误提示弹窗 -->
<template>
    <Modal v-model="errorModal" width="746" class="col-2" class-name="no-border" :closable="false" footer-hide>
        <div slot="header">
            错误提示
            <Icon class="f-fr" type="ios-close" @click="closeModel"/>
        </div>
        <div class="clearfix errMsg-box">
            <div class="f-fl icon">
                <Icon type="ios-close-circle" color="red" />
            </div>
            <div class="f-fl modal-content" style="width: 600px; height: 80px">
                {{ errorText }}
            </div>
        </div>
    </Modal>
</template>

<script>
export default {
    name: 'ErrorModal',
    data () {
        return {
            errorModal: false,
            errorText: ''
        }
    },
    methods: {
        init (errorText) {
            this.errorText = errorText
            this.errorModal = true
        },
        closeModel () {
            this.errorModal = false
        }
    }
}
</script>

<style scoped lang="less">
    .errMsg-box {
        padding-left: 50px;
    }
</style>
